@charset "utf-8";
$fs:64px;

html{
    font-size: $fs;
}
@function r($px){
    @return $px/$fs*1rem
}
//轮播图
.Broadcast{
      position: relative;
      width: r(640px);
      height: r(357px);
      overflow: hidden;
      .pic{
          width: r(3200px);
          position: absolute;
//        left: 0;
          animation-name: lunbo;
          animation-duration: 10s;
          animation-iteration-count: infinite;
          li{
              float: left;
              img{
                  width: r(640px);
                  display: block;
              }
              .bar{
                  top: r(253px);
                  position: absolute;
                  opacity: 0.7;
                  width: r(640px);
                  height: r(104px);
                  background: #242424;
                  overflow: hidden;
                  .tou{
                      margin: 0 auto;
                      width: r(586px);
                      height: r(34px);
                      margin-top: r(20px);
                      a{
                          display: block;
                          font-size: r(26px);
                          color: #ffffff;
                      }
                  }
                  .bar_z{
                      margin: 0 auto;
                      width: r(586px);
                      height: r(30px);
                      overflow: hidden;
                      margin-top: r(10px);
                      .bar_xin{
//                        width: r(72px);
//                        height: r(34px);
                          a{
                              color: #ffffff;
                              font-size: r(24px);
                              display: block;
                              i{
                                  font-size: r(24px);
//                                display: block;
                              }
                          }
                      }
                      .bar_yan{
                           margin-left: r(35px);
                           a{
                              color: #ffffff;
                              font-size: r(24px);
                              display: block;
                              i{
                                  font-size: r(24px);
//                                display: block;
                              }
                          }
                      }
                      .nianyue{
                          margin-top: r(-6px);
//                        width: r(210px);
                          p{
                              color: #ffffff;
                              font-size: r(24px);
                              padding-top: r(2px);
                          }
                      }
                  }
              }
          }
      }
      @keyframes lunbo{
          0%,10%{
              left: 0;
          }
          15%,35%{
              left: r(-640px);
          }
          40%,60%{
              left: r(-1280px);
          }
          65%,85%{
              left: r(-1920px);
          }
          90%,100%{
              left: r(-2560px);
          }
      }
}